<link href="<?php echo base_url('assets/css/admin.css'); ?>" rel="stylesheet" type="text/css" />
<fieldset class="admin-container form-padrao">
    <?php 
        if( $this->uri->segment( 4 ) == '' ) {
            $editar = false;
        } else {
            $editar = true;
        }
        $id_objeto = $this->uri->segment( 4 );
    ?>
    <legend>Cadastro de Projetos - <?php echo $editar ? 'Atualizar' : 'Adicionar'; ?></legend>
    <?php
    // se houveram erros
    if( !empty( $erros ) ){
        // indicamos os erros
        echo '<div class="erros">', implode("<br />", $erros), '</div>';
    }
    ?>
    <div id="formhints">
    <form id="formCadastro" action="<?php echo site_url( 'admin/projeto/salvar/'.$id_objeto ); ?>" method="post" enctype="multipart/form-data">
        <!--  dados da pessoa -->
        <div style="width: 100%">
            <!-- dados principais -->
            <div class="dadosGeraisCompacto">
                <div>
                    <p>
                        <label for="nome">Nome: </label>
                        <input type="text" name="nome" id="nome" autofocus="" value="<?php echo $this->input->post( 'nome' ); ?>"/>
                    </p>
                </div>
                <div>
                    <p>
                        <label for="prazo">Prazo: </label>
                        <input type="text" name="prazo" id="prazo" value="<?php echo isNotBlank( $this->input->post( 'prazo' ) ) ?$this->input->post( 'prazo' )->format( "d/m/Y" ) : ""; ?>" class="calendario"/>
                    </p>
                </div>
                <div>
                    <p>
                    <label for="id_suite_teste">Suíte de Teste: </label>
                    <select id="id_suite_teste" name="id_suite_teste">
<?php
                    foreach( $suites_testes as $suite ) {
?>
                        <option value="<?php echo $suite->get_id_suite_teste(); ?>" <?php echo $this->input->post( 'id_suite_teste' ) == $suite->get_id_suite_teste() ? "selected=selected" : ""; ?>><?php echo $suite->get_nome(); ?></option>
<?php
                    }
?>
                    </select>
                    </p>
                </div>
                <div>
                    <p>
                        <label for="observacoes">Observações: </label>
                        <textarea name="observacao" id="observacao"><?php echo $this->input->post( 'observacao' ); ?></textarea>
                    </p>
                </div>
            </div>
            <div id="tabs">
                <ul>
<?php
                if( isEdicao( $id_objeto ) ) {
?>
                    <li><a href="#tabs-1">Usuários</a></li>
                    <li><a href="#tabs-2">Casos de Testes</a></li>
<?php
                }
?>
                    <li><a href="#tabs-3">Status</a></li>

                </ul>
                <div id="tabs-1" title="Usuários">
<?php
                if( isEdicao( $id_objeto ) ) {
?>
                    <div id="div-content-users">
<?php                        
                    $this->load->view( "admin/projeto/vinculo" );
                }
               
?>
                         </div>
                </div>
                <div id="tabs-2" title="Suítes de Testes">
<?php
                if( isEdicao( $id_objeto ) ) {
                    //$this->load->view( "admin/suite/index" );
?>
                    <fieldset class="admin-container lista-resultados">
                        <legend>Lista de Casos de Testes do Projeto</legend>
                        <?php
                            if( !empty( $casos_testes ) ) {
                        ?>
                        <table class="tabela-resultados">
                            <thead>
                                <th>Nome</th>
                                <th>Data de Criação</th>
                                <th>Ações</th>
                            </thead>

                            <tbody>
                                <?php
                                    foreach( $casos_testes as $item ) {
                                        $item = (array) $item;
                                        if ( isStackeholderOnly() ){
                                            printf('<tr>
                                                        <td>%s</td>
                                                        <td>%s</td>                                
                                                        <td>
                                                            --
                                                        </td>
                                                    </tr>
                                                    ',

                                                    $item['nome'],
                                                    $item['data_criacao']->format( 'd/m/Y' )
                                            );
                                            
                                        } else {
                                            printf('<tr>
                                                        <td>%s</td>
                                                        <td>%s</td>                                
                                                        <td>
                                                            <a href="%s" class="btnEditar">Editar</a>
                                                            <a href="%s" class="btnRemover">Remover</a>
                                                        </td>
                                                    </tr>
                                                    ',

                                                    $item['nome'],
                                                    $item['data_criacao']->format( 'd/m/Y' ),
                                                    site_url( 'admin/casoteste/editar/' . $item['id_caso_teste'] ),
                                                    site_url( 'admin/casoteste/remover/' . $item['id_caso_teste'] )
                                            );
                                        }
                                    }

                                    // configura��es da paginacao
                                    // @link http://codeigniter.com/user_guide/libraries/pagination.html
                                    $config['uri_segment'] = 4;
                                    $config['total_rows'] = $total;
                                    $config['per_page'] = LIMITE_PAGINACAO_ADMIN;
                                    $config['base_url'] = site_url( 'admin/casoteste/index' );
                                    $config['use_page_numbers'] = TRUE;
                                    $this->pagination->initialize($config);

                                    // exibe a paginacao
                                    printf('<tr>
                                                <td colspan="5"> %s </td>
                                            </tr>'
                                    , $this->pagination->create_links()
                                    );
                                ?>
                            </tbody>
                        </table>

                        <?php 
                            } else {
                                echo '<p>Nenhum registro encontrado.</p>';
                            }
                        ?>
                    </fieldset>
                    
<?php
                }
?>                    
                </div>
                <div id="tabs-3" title="Status">
                    <table width="100%">
                        <tr>
                            <td>
                                <label for="id_projeto_status">Status: </label>
                                <select id="id_projeto_status" name="id_projeto_status">
<?php
                                foreach( $projetos_status as $status ) {
?>
                                    <option value="<?php echo $status->get_id_projeto_status(); ?>" <?php echo $this->input->post('id_projeto_status') == $status->get_id_projeto_status() ? "selected=selected" : ""; ?>><?php echo $status->get_desc_status(); ?></option>
<?php
                                }
?>
                                </select>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div style="padding-top: 5px;">
                <p>
                    <?php if (!isStackeholderOnly()){ ?>
                        <span class="botao" name="btnSalvar" id="btnSalvar" >Salvar</span>    
                        <span class="botao" name="btnCancelar" id="btnCancelar" onclick="location.href='<?php echo site_url('admin/projeto/index');?>'">Cancelar</span>
                    <?php } ?>
                    
                    
                </p>
            </div>
        </div>
    </form>
    </div>
</fieldset>
<div id="dialog" title="Vincular usuários" style="display: none;">
    <form id="formVinculo" action="<?php echo site_url( 'admin/projeto/vincularUsuarios' ); ?>" method="post" enctype="multipart/form-data">
    <div style="height: 150px; overflow-y: auto;">
        <label>Filtrar</label>
        <br/>
        <input id="input-filtro" type="text" style="width: 94%;"/>
        
    <table id="table-usuarios">
        <tbody>
            
        </tbody>
    </table>
        </div>
  
</div>

<input type="hidden" id="get-usuarios-method" value="<?php echo site_url( 'admin/projeto/getUsuarios' )?>"/>
<script type="text/javascript">
    
    $( function() {
        $( '#tabs' ).tabs();
        
        $( '#btnSalvar' ).click( function() {
            $( '#formCadastro' ).submit();
        });
        $( '#add-user' ).live('click', function(){
            var $url = $('#get-usuarios-method').val();
            showLoad();
            $.ajax({
                url: $url,
                type: 'POST',
                data: {idProjeto: "<?php echo $id_objeto?>"},
                success: function(pessoas){
                    var pessoasJson = $.parseJSON(pessoas);
                    createUserCheckbox(pessoasJson);
                    $('#input-filtro').val('');
                    $( "#dialog" ).dialog({
                        buttons: {
                            'Salvar': function(){
                                var idsUsuarios = '';
                                $('#formVinculo').find('input[type=checkbox]:checked:visible').each(function(){
                                    idsUsuarios = idsUsuarios.concat($(this).val(), ',');
                                });
                                if (idsUsuarios != ''){
                                    idsUsuarios = idsUsuarios.substring(0, idsUsuarios.length -1);
                                }
                                $.ajax({
                                    type: "POST",
                                    url: $('#formVinculo').attr('action'),
                                    data: {idProjeto: "<?php echo $id_objeto?>", idsUsuarios: idsUsuarios},
                                    success: function(html){
                                        $('#div-content-users').html(html);
                                        $('#dialog').dialog("close");
                                        
                                    },
                                    error: function(){
                                        $('#dialog').dialog("close");
                                    }
                                });
                            }
                        }
                    });
                    hideLoad();
                },
                error: function(e, a, f){
                    console.log(e);
                    console.log(a);
                    console.log(f);
                    hideLoad();
                }
            });
            return false;
        });
        
        $('#input-filtro').keyup(function(){
            var nome = $('#input-filtro').val();
            if ($.trim(nome) === ''){
                $('#table-usuarios tr').show();
            } else {
                $('#table-usuarios tr').hide();
                $('#table-usuarios tr td[nome*="' + nome.toLowerCase() + '"]').parent().show();
            }
            
        });
        
        function showLoad(){
            $('#img-load').show();
        }
        
        function hideLoad(){
            $('#img-load').hide();
        }
        
        function createUserCheckbox(pessoasJson){
            var $tbody = $('#table-usuarios').find('tbody');
            $tbody.find('tr').remove();
            for (var i = 0, length = pessoasJson.length; i < length; i++){
                $tbody.append(createRowUser(pessoasJson[i]));
            }
        }
        
        function createRowUser(pessoa){
            var $tr = $('<tr>');
            var $td1 = $('<td>');
            var $td2 = $('<td>', {'nome': pessoa['nome'].toLowerCase()});
            $td1.append(createCheckbox(pessoa['id_usuario'], pessoa['id_projeto'] != null));
            $td2.append(createUserLabel(pessoa['id_usuario'], pessoa['nome']));
            $tr.append($td1, $td2);
            return $tr;
        }
        
        function createCheckbox(idUsuario, checked){
            var name = 'usuario'.concat(idUsuario);
            var $checkbox = $('<input>', {'type': 'checkbox', 'name': name, 'id': name, 'value': idUsuario, 'checked': checked});
            
            return $checkbox;
        }
        
        function createUserLabel(idUsuario, nomePessoa){
            var $label = $('<label>', {'for': 'usuario'.concat(idUsuario), 'text': nomePessoa});
            return $label;
        }
        
    });
    
    
    

</script>